import './App.css';
import StateClass from "../components/StateClass"
import StateFunction from "../components/StateFunction"
import MemoFunction from "../components/MemoFunction"
import UseCallbackFunction from "../components/UseCallbackFunction"
import UseRef from "../components/UseRef"
import UseContextFunction from "../components/UseContextFunction"
import UseReducerFunction from "../components/UseReducerFunction"
import UseCustomHooks from "../components/UseCustomHooks"
function App() {
  return (
    <div className="App">
      <StateClass></StateClass>
      <UseCustomHooks></UseCustomHooks>
      {/* <UseReducerFunction></UseReducerFunction> */}
      {/* <UseContextFunction></UseContextFunction> */}
      {/* <UseRef></UseRef> */}
      {/* <UseCallbackFunction></UseCallbackFunction> */}
      {/* <MemoFunction></MemoFunction> */}
      {/* <StateFunction></StateFunction> */}
    </div>
  );
}

export default App;
